// ============================================================================
// 任务管理页面
// ============================================================================

import React from 'react'

/**
 * 任务管理页面组件
 */
export function TasksPage() {
  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-2xl font-bold text-gray-900 dark:text-white">任务管理</h1>
        <p className="text-gray-600 dark:text-gray-400">管理爬取任务</p>
      </div>
      
      <div className="bg-white dark:bg-gray-800 rounded-lg p-8 shadow-sm">
        <div className="text-center">
          <svg className="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
          </svg>
          <h3 className="mt-2 text-sm font-medium text-gray-900 dark:text-white">任务管理功能</h3>
          <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">此功能正在开发中...</p>
        </div>
      </div>
    </div>
  )
}
